page {
    background: #f6f5f7;
}

.header {
    background: #fff;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 3rpx 20rpx 0px rgba(0, 0, 0, 0.07);
    border-radius: 0px 0px 40rpx 40rpx;
    padding-bottom: 30rpx;
    margin-bottom: 30rpx;
}

.school {
    // position: flex;
    position: fixed;
    // position: sticky;
    // position: static;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 99999;
    display: flex;
    align-items: center;
    padding-bottom: 0px;
    color: #000;

    .cuIcon-locationfill {
        color: $main_color;
        margin-right: 10rpx;
    }
}

.bang {
    width: 690rpx;
    height: 80rpx;
    position: relative;
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;

    .flex {
        align-items: center;
        padding-left: 160rpx;
    }

    .money {
        color: #FD5530;
    }

    .close {
        width: 17rpx;
        height: 17rpx;
		position: absolute;
		top: 35rpx;
		right: 20rpx;
        // margin-left: auto;
        // margin-right: 30rpx;
		
    }

}

.back-img,
.back-main {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.banner {
    width: 690rpx;
    height: 310rpx;
    border-radius: 20rpx;
}

.image_6 {
    width: 76rpx;
    height: 76rpx;
}

.text_4 {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #141414;
}

.tit {
    flex-direction: row;
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #121212;
    image {
        width: 45rpx;
        height: 45rpx;
        margin-right: 20rpx;
    }

    .all {
        margin-left: auto;
        font-size: 30rpx;
        font-family: PingFang SC;
        font-weight: 400;
        color: #666666;
    }
}

.quan_list {
    // justify-content: space-between;
    position: relative;

    .quan {
        width: 215rpx;
        height: 265rpx;
        display: flex;
        justify-content: center;
        margin-right: 25rpx;
        &:nth-child(3){
            margin-right: 0px;
        }
    }

    .tag {
        position: absolute;
        bottom: 30rpx;
        background: #FFFFFF;
        opacity: 0.9;
        border-radius: 16rpx;
        width: 173rpx;
        height: 65rpx;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.store_list{
    margin-bottom: 100rpx;
}
.official_account{
    width: 750rpx;
    height: 120rpx;
    background: fade-out($color: #000000, $amount: 0.5);
    margin-bottom: 100rpx;
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    position: fixed;
    bottom: 100rpx;
    margin-bottom: 100rpx;
	z-index: 6;
     bottom: constant(safe-area-inset-bottom);  ///兼容 IOS<11.2/
	 bottom: env(safe-area-inset-bottom);  ///兼容 IOS>11.2/
    .logo{
        width: 82rpx;
        height: 82rpx;
        border-radius: 10rpx;
    }
    .auth{
        margin-left: 30rpx;
        width: 130rpx;
        height: 48rpx;
        background: #FF4C5C;
        border-radius: 8rpx;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cuIcon-close{
        margin-left: auto;
    }

}
.jiedan{
    width: 220rpx;
    height: 164rpx;
    position: fixed;
    right:0rpx;
    bottom: 0rpx;
}
.cate_temp{
    margin: 30rpx 30rpx 0;
    border-radius: 20rpx;
    background: linear-gradient(0deg, #f6f5f7 0%,  #fff 100%);
}
